<template>
	<view class="container">
		<!-- Logo区域 -->
		<view class="logo-section">
			<image class="logo-placeholder" src="/static/logo.png" mode="scaleToFill"></image>
		</view>

		<!-- 标题区域 -->
		<view class="title-section">
			<text class="app-name">加密狐</text>
			<text class="app-name-en">CryptoFox</text>
		</view>

		<!-- 下载标题 -->
		<view class="download-title">
			<text class="download-text">下载加密狐app</text>
		</view>

		<!-- 副标题 -->
		<view class="subtitle">
			<text class="subtitle-text">体验加密乐趣</text>
		</view>

		<!-- 下载按钮区域 -->
		<view class="download-buttons">
			<view class="download-btn ios-btn" @click="download">
				<text class="btn-text">APP下载</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				}
		},
		methods: {
			download() {
				const platform = uni.getDeviceInfo().platform
				if(platform=='android'){
					window.open('https://oss.huihangkeji888.cn/efsfox-file/20250728/4f1b180adad74e1684045333aa075f43.apk');
				}else if(platform=='ios'){
					window.open('https://testflight.apple.com/join/ZMgXZthJ');
				}else{
					uni.showToast({
						icon:'none',
						title:platform
					})
				}
				// window.open(this.ios, '_blank');
				},
		},
	}			
</script>				
<style lang="scss" scoped>
	.container {
	    min-height: 100vh;
	    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    padding: 100rpx 60rpx 60rpx;
	}
	
	.logo-section {
	    margin-bottom: 80rpx;
	    
	    .logo-placeholder {
	        width: 300rpx;
	        height: 300rpx;
	        border-radius: 50rpx;
	    }
	}
	
	.title-section {
	    text-align: center;
	    margin-bottom: 120rpx;
	    
	    .app-name {
	        display: block;
	        font-size: 80rpx;
	        font-weight: bold;
	        color: #4A90E2;
	        margin-bottom: 20rpx;
	    }
	    
	    .app-name-en {
	        display: block;
	        font-size: 48rpx;
	        color: #4A90E2;
	        font-weight: 500;
	    }
	}
	
	.download-title {
	    margin-bottom: 30rpx;
	    
	    .download-text {
	        font-size: 56rpx;
	        font-weight: bold;
	        color: #333;
	    }
	}
	
	.subtitle {
	    margin-bottom: 100rpx;
	    
	    .subtitle-text {
	        font-size: 32rpx;
	        color: #666;
	    }
	}
	
	.download-buttons {
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    gap: 40rpx;
	    
	    .download-btn {
	        width: 100%;
	        height: 100rpx;
	        border-radius: 50rpx;
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        
	        .btn-text {
	            font-size: 36rpx;
	            font-weight: 500;
	        }
	    }
	    
	    .ios-btn {
	        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	        
	        .btn-text {
	            color: #fff;
	        }
	    }
	    
	    .android-btn {
	        background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
	        
	        .btn-text {
	            color: #fff;
	        }
	    }
	}
</style>